.classBox{
    padding: 16px;
}
.book-list{
    padding: 0 5px;
    width: 50%;
    float: left;
    .book-list-n{
        height: 88px;
        margin-bottom: 8px;
        padding: 0 12px;
        border: 1px solid #f5f5f5;
        border-radius: 4px;
        background-color: rgba(245,245,245,0.5);
        display: flex;
        overflow: hidden;
        .info{
            flex: 1;
            margin-top: 20px;
            .title{
                font-size: 16px;
                line-height: 18px;
                height: 18px;
                overflow: hidden;
                color: #000000;
                width: 40px;
            }
            .book{
                margin-top: 15px;
                font-size: 12px;
                color: #999;
            }
        }
        .cover{
            width: 63px;
            height: 54.5px;
            margin-top: 17px;
            border-radius: 3px;
            overflow: hidden;
            position: relative;
            img{
                position: absolute;
                width: 28px;
                height: 40px;
                &:nth-child(1){
                    top: 50%;
                    transform: translateY(-50%);
                    left: 4px;
                }
                &:nth-child(2){
                    top: 50%;
                    transform:translate(-50%,-50%) scale(1.2);
                    left: 50%;
                    z-index: 2;
                }
                &:nth-child(3){
                    top: 60%;
                    transform: translateY(-50%) scale(0.8);
                    right: 4px;
                }
            }

        }
       
    
    }
}
